@charset "utf-8";
//遮罩动画关键帧混合宏
@mixin jobcard-mask-animation {
    0% {
        background-color: rgba(255,255,255,.1);
        opacity: 0.1;
        color: rgb(200,200,200);
    }
    25% {
        background-color: rgba(200,200,200,.2);
        opacity: 0.3;
        color: rgb(220,220,220);
    }
    50% {
        background-color: rgba(80,80,80,.35);
        opacity: 0.6;
        color: rgb(240,240,240);
    }
    75% {
        background-color: rgba(0,0,0,.7);
        opacity: 0.8;
        color: rgb(250,250,250);
    }
    100% {
        background-color: rgba(0,0,0,.75);
        opacity: 1;
        color: rgb(255,255,255);
    }
}

//兼容浏览器动画调用混合宏

//$animation-name：动画名称，$animation-delay:动画延时

@mixin animation($animation-name:animation,$animation-delay:5s) {
    animation: $animation-name $animation-delay;
    -moz-animation: $animation-name $animation-delay;
    /* Firefox */
    -webkit-animation: $animation-name $animation-delay;
    /* Safari and Chrome */
    -o-animation: $animation-name $animation-delay;
    /* Opera */
}
